* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
input[type="text"] {
  font: 15px/24px "Lato", Arial, sans-serif;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
}
.pzl_calendar {
  position: relative;
  text-align: center;
  background-color: #fff;
}
// className=""
.css_input {
  border: 0;
  padding: 7px 0;
  border-bottom: 1px solid #ccc;
}
.Calendar {
  width: 100%;
  position: absolute;
  top: 30px;
  bottom: 0;
  padding-top: 25px;
  background: #8360c3; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #2ebf91,
    #8360c3
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #2ebf91,
    #8360c3
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  .weeks {
    background: #8360c3; /* fallback for old browsers */
    background: -webkit-linear-gradient(
      to right,
      #2ebf91,
      #8360c3
    ); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
      to right,
      #2ebf91,
      #8360c3
    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 25px;
    // position: fixed;
    width: 100%; // max-width: 356px;
    margin: -25px 0 0 0px;
    // top: 0;
    // left: 0;
    z-index: 99;
    &::after {
      content: "";
      display: block;
      clear: both;
    }
    .week {
      line-height: 25px;
      height: 100%;
      float: left;
      color: #fff;
      width: 14%;
    }
  }
  .contnet {
    height: 100%;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1200px) {
  // 大于1200px;
  .pop_show {
    border-radius: 10px;
    width: 540px !important;
    height: 620px !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -270px !important;
    margin-top: -310px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .pop_show {
    border-radius: 10px;
    width: 80% !important;
    height: 620px !important;
    left: 15% !important;
    top: 15% !important;
    .Calendar {
      .weeks {
        // max-width: ;
      }
    }
  }
}
